<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图片</title>
	</head>
	<body>
		<!--
			图片img
			它是一个很典型的行内元素，但是可以设置宽高
			width  宽度
			height  高度
			usemap  它的值与map标签的name属性的值匹配，形成图片内小区域链接的形式
			
			
		-->
		
		<img src="img/map.jpg" usemap="#hotmap"/>
		<map name="hotmap">
			<area shape="rect" coords="180,118,278,204" href="http://baidu.com" target="_blank" alt="百度" />
			<area shape="circle" coords="371,181,7" href="" alt=""  target="_blank"/>
			<area shape="poly" coords="282,140,,364,140,364,174,379,174,379,192,282,192" href="" alt="" />
		<div>你是一个傻逼</div>
		</map>

		
	</body>
</html>
